<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>v-text指令</title>
</head>

<body>
  <div id="app">
      <!-- 设置标签的文本值(textContent) -->
      <h2 v-text="message+'!'">深圳</h2>
      <h2>{{ message +'!'}}深圳</h2>
  </div>

  <!-- 导入开发版本的Vue.js -->
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

  <script>
    // 创建Vue实例对象, 设置el属性和data属性
    var app = new Vue({
      el: '#app',
      data: {
        message: 'Hello Vue',
      }
    })  
  </script>
</body>

</html>